<#include "/common/macro/common_macro.ftl">
<#macro head title,keywords,description>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="icon" href="images/head.png" type="image/x-icon" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
    <title>${title!}</title>
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="renderer" content="webkit">
    <meta name="theme-color" content="${options.anatole_style_google_color!'#fff'}">
    <meta name="author" content="${user.userDisplayName!}" />
    <meta name="keywords" content="${keywords!}"/>
    <meta name="description" content="${description!}" />
    <@verification></@verification>
    <#--图标-->
    <#--<@favicon></@favicon>-->
    <#--bootstrap-->
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
    <#--引用本模板文件，可以使用/文件夹名/路径/文件名-->
    <#--<link rel="alternate" type="application/rss+xml" title="atom 1.0" href="/feed.xml">-->
    <style>
        /*样式条件判断，目前已弃用*/
        <#if (options.anatole_style_post_title_lower!'true') == "false">
        /*.post .post-title h3 {text-transform: none;}*/
        </#if>
        <#if (options.anatole_style_blog_title_lower!'true') == "false">
        /*.sidebar .logo-title .title h3 {text-transform: none;}*/
        </#if>
        <#--::-webkit-scrollbar {width: 6px;height: 6px;background-color: #eee;}-->
        <#--::-webkit-scrollbar-thumb {background-color: ${options.anatole_style_scrollbar!'#3798e8'};}-->
        <#--::-webkit-scrollbar-track {background-color: #eee;}-->
        <#--${options.anatole_style_self!}-->
        /*My样式*/
        *{margin: 0;padding: 0;}
        .nav_btn{margin-top: 8px;}
        img.main_slide{width: 100%;}
        .carousel-control{font-size: 40px;}
        body{background: #facc71;}
        .foot-wrap{ background-color: #373f48; margin-top:80px;}
        .row-content >h3{ color:#DDD; font-size:16px; font-weight: 300; line-height: 16px; margin:40px 0 30px 34px;}
        .row-content >ul{ font-size:13px; line-height:24px;}
        .row-content >ul >li{ list-style:none;}
        .row-content >ul >li >a{ color:#878B91;}
        .row-content >ul >li >a:hover{ text-decoration:none; color:#c1ba62;}
        .logo{margin-top: -6px;}
    </style>
</head>
<body>
<#--导航-->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <!--格式化-->
    <div class="container">
        <div class="navbar-header">
            <a href="#" class="navbar-brand logo"><img src="${options.blog_logo!}" width="60px" height="25px" alt="bootstrap"></a>
            <!-- 响应式 -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <div class="collapse navbar-collapse" id="navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <#--<li class="active"><a href="http://www.bootcss.com/" target="_blank"><span class="glyphicon glyphicon-home"></span>&nbsp;中文网</a></li>-->
                    <#--菜单列表-->
                <@commonTag method="menus">
                    <#list menus as menu>
                        <li><a href="${menu.menuUrl}" target=""><i class="${menu.menuIcon}"></i>&nbsp;${menu.menuName}</a></li>
                    </#list>
                </@commonTag>
                <#--<li class="dropdown">-->
                    <#--<a href="#" class="dropdown-toggle" data-toggle="dropdown">其他资料 <b class="caret"></b></a>-->
                    <#--<ul class="dropdown-menu">-->
                        <#--<li><a href="https://www.cnblogs.com/neverc/p/4782635.html" target="_blank">7天上手</a></li>-->
                        <#--<li><a href="#">第二个</a></li>-->
                        <#--<li><a href="#">三个</a></li>-->
                        <#--<li class="divider"></li>-->
                        <#--<li><a href="#">分离的链接</a></li>-->
                        <#--<li class="divider"></li>-->
                        <#--<li><a href="#">另一个分离的链接</a></li>-->
                    <#--</ul>-->
                <#--</li>-->
                <a href="#" class="btn btn-success nav_btn"><span class="glyphicon glyphicon-user"></span>&nbsp;登录</a>
                <a href="#" class="btn btn-info nav_btn"><span class="glyphicon glyphicon-user"></span>&nbsp;注册</a>
            </ul>
            <#--<ul class="nav navbar-nav">-->
                <#--<li class="active"><a href="#">首选</a></li>-->
                <#--<li><a href="#">禁用</a></li>-->
            <#--</ul>-->
        </div>
    </div>
</nav>
</#macro>
<#macro footer>
<footer class="foot-wrap nav nav-footer">
    <div class="container">
        <div class="row">
            <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                <h3>友情链接</h3>
                <ul>
    <@commonTag method="links">
        <#if links?? && links?size gt 0>
            <#list links as link>
                        <li><a href="${link.linkUrl}">${link.linkName}</a></li>
            </#list>
        </#if>
    </@commonTag>
                </ul>
            </div>
            <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                <h3>标题2</h3>
                <ul>
                    <li><a href="#">文字2</a></li>
                    <li><a href="#">文字2</a></li>
                    <li><a href="#">文字2</a></li>
                    <li><a href="#">文字2</a></li>
                    <li><a href="#">文字2</a></li>
                </ul>
            </div>
            <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                <h3>标题3</h3>
                <ul>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                    <li><a href="#">文字3</a></li>
                </ul>
            </div>
            <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                <h3>标题4</h3>
                <ul>
                    <li><a href="#">文字4</a></li>
                    <li><a href="#">文字4</a></li>
                    <li><a href="#">文字4</a></li>
                    <li><a href="#">文字4</a></li>
                    <li><a href="#">文字4</a></li>
                    <li><a href="#">文字4</a></li>
                </ul>
            </div>
            <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                <h3>标题5</h3>
                <ul>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                    <li><a href="#">文字5</a></li>
                </ul>
            </div>
            <div class="row-content col-lg-2 col-sm-4 col-xs-6">
                <h3>标题6</h3>
                <ul>
                    <li><a href="#">文字6</a></li>
                    <li><a href="#">文字6</a></li>
                    <li><a href="#">文字6</a></li>
                    <li><a href="#">文字6</a></li>
                </ul>
            </div>
        </div><!--/.row -->
    </div><!--/.container-->
    <p align="center" style="margin-top: 20px;color:#878B91;">
        ${options.blog_footer_info!}
    </p>
</footer>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<#--<script type="text/javascript" src="/anatole/source/js/jquery.min.js"></script>-->
<script type="text/javascript">
    // var url = location.href;
    // var urlstatus = false;
    // $(".nav li a").each(function () {
    //     if ((url + '/').indexOf($(this).attr('href')) > -1 && $(this).attr('href') != '/') {
    //         $(this).addClass('current');
    //         urlstatus = true;
    //     } else {
    //         $(this).removeClass('current');
    //     }
    // });
    // if (!urlstatus) {
    //     $(".nav li a").eq(0).addClass('current');
    // }
/*一段跨域脚本，请求源自“一言”，调用接口会随机一段文字*/
    <#--<#if (options.anatole_style_hitokoto!'false')=="true">-->
	  <#--var xhr = new XMLHttpRequest();-->
	  <#--xhr.open('get', 'https://v1.hitokoto.cn');-->
	  <#--xhr.onreadystatechange = function () {-->
          <#--if (xhr.readyState === 4) {-->
              <#--var data = JSON.parse(xhr.responseText);-->
              <#--var yiyan = document.getElementById('yiyan');-->
              <#--yiyan.innerText = data.hitokoto+"        -「"+data.from+"」";-->
          <#--}-->
      <#--};-->
	  <#--xhr.send();-->
    <#--</#if>-->
    $(function(){
        // 	//调整垂直居中显示这个翻页小图标
        $('.carousel-control').css('line-height',500+'px');
        $('.main_slide').css('height','500px');
    });
</script>
<#--<@statistics></@statistics>-->
</body>
</html>
</#macro>
